// 引入样式
import "../../assets/css/normalize.less";
import "../../assets/css/reset.less";
import "../../assets/css/property.less";
import "../../assets/css/basic.less";
import "./reg.less";
import { $ } from "../../utils/dom.js";

// 引入字体图标
import "../../assets/fonts/font_kok358gumca/iconfont.css";

// 引入验证码插件
import CaptchaMini from "captcha-mini";

// 引入请求接口
import { postRegisterReq } from "../../api/user";

// 引入轻提示
import { toast } from "../../utils/toast";







/**
 * 生成验证码
 */
let codeNum = "";
const createCaptcha = () => {
	let captcha1 = new CaptchaMini();
	captcha1.draw(document.querySelector("#capCanvas"), (r) => {
		codeNum = r.toLowerCase();
	});
};
createCaptcha();

/**
 * 注册验证
 */
$("#btn").addEventListener("click", async () => {
	// 验证手机号
	if (!/^1[3,9]\d{9}$/.test($("#num").value)) {
		$("#tips").innerHTML = "手机号格式错误";
		return;
	}
	// 验证验证码
	if ($("#captcha").value.toLowerCase() != codeNum) {
		$("#tips").innerHTML = "验证码错误";
		return;
	}

	// 验证密码
	if (!/^\d{6}$/.test($("#psd1").value)) {
		$("#tips").innerHTML = "请输入六位密码";
		return;
	}

	// 检验密码
	if ($("#psd2").value != $("#psd1").value) {
		$("#tips").innerHTML = "两次密码要一致";
		return;
	}

	// 校验成功
	$("#tips").innerHTML = "";

	// 发请求
	let res = await postRegisterReq({
		account: $("#num").value,
		password: $("#psd1").value,
	});

	// 成功解构响应对象
	let { errno, data } = res.data;
	//判断errno 的状态
	if (errno === 0) {
		// 请求成功
		toast("注册成功");
		setTimeout(() => {
			location.href = "./login.html";
		}, 4000);
		// 请求失败
	} else {
		toast("注册失败");
	}
});
